@import 'styles/mixins.scss';
.root {
  display: flex;
  @include box(100vw, 100vh);
  :global {
    .header {
      @include flex(space-between);
      padding: 0 !important;
      background-color: blueviolet !important;
      &-logo {
        display: block;
        @include box(200px, 64px);
      }
      &-right {
        @include flex;
        margin-right: 10px;
        @include box(48px, 48px, #777);
        font-size: 30px;
        border-radius: 50%;
      }
    }
    .content {
      flex: 1;
      &-card {
        display: flex;
        flex-direction: column;
        @include box(100%, 100%);
      }
    }
    .footer {
      @include flex;
      color: #ccc;
      font-size: 18px;
    }
  }
}
